<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>时风首页</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <link rel="stylesheet" href="css/shifeng_new.css"/>
</head>
<body>
    <header class="head">
        <div class="head_top">
            <div class="wrap"> <!--作用：让里面内容居中-->
              <p class="left">欢迎访问时风官网！</p>
              <ul class="right">
                <li class="li1">
                    <div class="li1_name"><span>子公司</span></div>
                    <div class="sub_ul">
                        <ul class="sub_uls">
                            <li><a href="#">时风电动车</a></li>
                            <li><a href="#">时风锦纶工业</a></li>
                            <li><a href="#">时风商用车</a></li>
                            <li><a href="#">时风配件</a></li>
                        </ul>
                    </div>
                </li>
                <li class="li2">
                    <div class="li2_name"><span>网上办公</span></div>
                    <div class="sub_ul">
                        <ul class="sub_uls">
                            <li><a href="#">电信入口</a></li>
                            <li><a href="#">网通入口</a></li>
                        </ul>
                    </div>
                </li>
                <li class="li3">
                      <div class="li3_name"><span>采购平台</span></div>
                      <div class="sub_ul">
                          <ul class="sub_uls">
                              <li><a href="#">电信入口</a></li>
                              <li><a href="#">网通入口</a></li>
                          </ul>
                      </div>
                  </li>
                <li class="li4"><a href="#">微博</a></li>
                <li class="li5"><a href="#">时风发动机交易网</a></li>
                <li class="li6"><a href="#">时风配件交易平台</a></li>
               </ul>
            </div>
        </div>
        <div class="head_bottom">
            <div class="wrap">
                <h1 class="left">
                    <a href="#" title="山东时风责任有限公司"></a>
                </h1>
                <div class="right head_language">
                   <a href="#" class="title">中/EN</a>
                    <div class="china">
                            <a href="#" class="jianti">中文简体</a>
                            <a href="#" class="en">EN</a>
                    </div>
                </div>
                <div class="right head_search">
                   <a href="#"><!--放大镜图片--></a>
                    <div class="text">
                        <input type="text" placeholder="请输入关键词"/>
                    </div>
                </div>
                <nav class="right nav">
                  <ul>
                    <li>
                        <div class="ones"><a href="#" class="one">联系时风</a>
                          <div class="big">
                            <div class="sub">
                               <a href="#">联系我们</a>
                               <a href="#">在线留言</a>
                            </div>
                            <div class="img">
                                <a href="#"><img src="img/客服.jpg"/></a>
                            </div>
                            <div class="p">
                                <p>时风时风 路路畅通</p>
                            </div>
                          </div>
                        </div>
                    </li>
                    <li>
                        <div class="two"><a href="#" class="one">人才招聘</a>
                           <div class="big2">
                               <div class="sub2"><!--设置【飞机图片的左半部分】-->
                                   <a href="#">人力政策</a>
                                   <a href="#">职位招聘</a>
                                   <a href="#">简历投递</a>
                               </div>
                               <div class="img"><img src="img/飞机.jpg" /></div>
                               <div class="p"><p>时风时风 路路畅通</p></div>
                           </div>

                        </div>
                    </li>
                    <li>
                        <div class="three">
                            <a href="#" class="one">销售服务</a>
                            <div class="big3">
                                <div class="sub3">
                                   <a href="#">服务优势</a>
                                   <a href="#">服务承诺</a>
                                   <a href="#">销售网络</a>
                                   <a href="#">常见问题</a>
                                   <a href="#">资料下载</a>
                                </div>
                                <div class="img"><img src="img/敲代码.jpg" alt=""/></div>
                                <div class="p"><p>时风时风 路路畅通</p></div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="four">
                            <a href="#" class="one">时风产品</a>
                            <div class="big4">
                                <div class="sub4">
                                    <a href="#">三轮汽车</a>
                                    <a href="#">低速载货汽车</a>
                                    <a href="#">发动机</a>
                                    <a href="#">商用汽车</a>
                                    <a href="#">轮胎</a>
                                </div>
                                <div class="img"><img src="img/汽车.jpg" /></div>
                                <div class="p"><p>时风时风 路路畅通</p></div>
                            </div>
                       </div>

                    </li>  
                    <li>
                        <div class="five">
                            <a href="#" class="one">新闻媒体</a>
                            <div class="big5">
                                <div class="sub5">
                                    <a href="#">公司新闻</a>
                                    <a href="#">行业动态</a>
                                    <a href="#">专题报道</a>
                                    <a href="#">公司图片</a>
                                    <a href="#">活动视频</a>
                                </div>
                                <div class="img"><img src="img/钢笔.jpg" alt=""/></div>
                                <div class="p"><p>时风时风 路路畅通</p></div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="six">
                            <a href="http://localhost:63342/css_workspace/sf_project/zoujinshifeng.html#" class="one" target="_blank">走进时风</a>
                            <div class="big6">
                                <div class="sub6">
                                    <a href="#">时风简介</a>
                                    <a href="#">文化理念</a>
                                    <a href="#">研发中心</a>
                                    <a href="#">大事记</a>
                                    <a href="#">领导致辞</a>
                                </div>
                                <div class="img"><img src="img/大厦.jpg" alt=""/></div>
                                <div class="p"><p>时风时风 路路畅通</p></div>
                            </div>
                        </div>
                    </li>
                    <li><a href="#" class="first">首页</a></li>
                  </ul>
                </nav>
            </div>
        </div>
    </header>
    <section class="body">
        <div class="body_img"><!--拖拉机部分-->
            <img src="img/tuolaji.jpg"/>
            <div class="changtong">
                <div>
                   <a href="#">
                     <p class="one">时风时风 路路畅通</p>
                     <p class="two">SHIFENGSHIFENG PATHS STRAIGHT</p>
                   </a>
                </div>
                <div class="jt_left"><a href="#"> </a></div>
                <div class="jt_right"><a href="#"> </a></div>
            </div>
        </div><!--拖拉机部分-->
        <div class="body_font"><!--5000和200 以及训话楼房部分-->
            <div class="wrap">
                <div class="body_left">
                    <div class="body_left_top">
                       <a href="#">时风简介</a>
                       <span>时风集团成立于1993年5月18日，总占地5000亩，总资产200亿元，员工30000人。
                       主导产品为三轮汽车、低速货车、轻卡汽车、电动观光车、拖拉机、发动机、轮胎、联合收割机。</span>
                    </div>
                    <div class="body_left_bottom">
                        <table>
                            <tr>
                                <td class="mianji"><span >5000</span>亩</td>
                                <td class="zichan"><span>200</span>亿</td>
                            </tr>
                            <tr>
                                <td class="mianji">总占地面积</td>
                                <td class="zichan">集团总资产</td>
                            </tr>
                        </table>
                    </div>
                </div><!--时风简介部分-->
                <div class="body_right"><!--训话+楼房部分-->
                    <div class="body_right_top">
                       <a href="#"><img src="img/rght1_xunhua.png"/></a>
                       <div class="wenhualinian">
                             <span><a href="#">文化理念</a></span>
                             <div class="guanggao">
                               <p><a href="#">时风广告语：时风时风 路路畅通</a></p>
                               <p><a href="#">拥有时风车是一种尊严，开时风车是一种时尚，买时风车是一种荣耀，时风车行天下，遍布全球。</a></p>
                             </div>
                       </div>
                    </div><!--训话部分-->
                    <div class="body_right_bottom">
                        <img src="img/loufang.png"/>
                        <div class="guihua">
                            <span><a href="#">战略规划</a></span>
                            <div class="mubiao">
                                <p><a href="#">聚焦国家新四化战略构想，树立和落实科学发展观，遵循“传统产业转型升级，战略新兴产业加快发展”决策要求，围绕“一个战略目标”，建设“五大产业园”。</a></p>
                            </div>
                        </div>
                    </div><!--楼房部分-->
                </div>
            </div>
        </div><!--拖拉机下面【时风简介】以及【训话】等部分-->
        <div ><!--新闻媒体-->
            <div class="media">
                <div class="wrap">
                    <div class="media_font"><span><a href="#">新闻媒体</a></span></div>
                    <div class="more"><span><a href="#">+更多</a></span></div>
                </div>
            </div>
        </div><!--【新闻媒体】部分-->
        <div class="chanpin"><!--【产品】部分-->
            <div class="wrap">
                <div class="chanpin_top"><!--最上面【时风产品】以及【更多部分】写一个div-->
                    <a class="shifeng">时风产品</a><!--【时风产品】这个题目单独一个模块-->
                    <p class="jieshao"><!--介绍部分单独一个模块-->
                        主导产品为三轮汽车、低速货车、轻卡汽车、电动观光车、拖拉机、发动机、轮胎、联合收割机。
                    </p>
                    <a class="more">+更多</a><!--【more】这个部分单独一个模块-->
                </div><!--产品头部部分 即：上面那部分文字介绍 +题目-->
                <div class="chanpin_bottom"><!--产品模块的【图片部分】-->
                   <div class="sanlunche">
                       <a href="#"><img src="img/三轮车.jpg"/></a>
                       <a href="#" class="font"><span class="underline">三轮</span>汽车</a>
                   </div>
                   <div class="fadongji">
                       <a href="#"><img src="img/发动机.jpg"/></a>
                       <a href="#" class="font"><span class="underline">发动</span>机</a>
                   </div>
                   <div class="shougeji">
                       <a href="#"><img src="img/收割机.jpg"/></a>
                       <a href="#" class="font"><span class="underline">收割机</span></a>
                   </div>
                </div>
            </div>

        </div>
    </section>
    <footer class="foot">
        <div class="wrap_top">
            <div class="foot_left">
                <div class="foot_logo">
                    <img src="img/foot_logo.png" />
                    <a href="#" class="zoujinshifeng">走进时风</a>
                </div>
                <div class="foot_left_font">

                    <ul class="left_font">
                        <li><a href="#" >时风简介</a></li>
                        <li><a href="#">文化理念</a></li>
                        <li><a href="#">研发中心</a></li>
                        <li><a href="#">大事记</a></li>
                        <li><a href="#">领导致辞</a></li>
                        <li><a href="#">领导关怀</a></li>
                        <li><a href="#">企业荣誉</a></li>
                    </ul>
                </div>
            </div><!--设置foot_left部分-->
            <div class="foot_main">
                <div >
                   <img src="img/foot_car.png"/>
                   <a href="#" class="shifengchanpin">时风产品</a>
                </div>
                <div class="foot_main_font">
                   <a href="#">
                    <table>
                        <tr class="hang">
                            <td>三轮汽车 </td>
                            <td>低速载货汽车</td>
                        </tr>
                        <tr class="hang">
                            <td>发动机 </td>
                            <td>商用汽车</td>
                        </tr>
                        <tr class="hang">
                            <td>轮胎 </td>
                            <td>收割机</td>
                        </tr>
                        <tr class="hang">
                            <td>拖拉机 </td>
                            <td>电动车</td>
                        </tr>
                        <tr class="hang">
                            <td >锦纶工业 </td>
                        </tr>

                    </table>
                   </a>
                </div>
            </div>
            <div class="foot_right">
                <div>
                    <img src="img/foot_phone.png"/>
                    <a href="#" class="lianxiwomen">联系我们</a>
                </div>
                <div class="foot_right_font">
                    <p><a href="#">地址：山东省高唐县时风路1号</a></p>
                    <p><a href="#">集团：0635-<span class="num">3953153</span></a></p>
                    <p><a href="#">销售：0635-<span class="num">3950119</span> </a></p>
                    <p><a href="#">销售：0635-<span class="num">3950119</span> </a></p>
                    <p><a href="#">售后服务：0635-<span class="num">3950019</span></a></p>
                </div>
            </div>
            <div class="photo">
                <div class="weibo">
                    <img src="img/官方微博二维码.png" alt=""/>
                    <p>官方微博</p>
                </div>
                <div class="shouji">
                    <img src="img/手机站二维码.png" alt=""/>
                    <p>手机站</p>
                </div>
                <div class="final">
                    <div class="final_left">
                        <a href="#">成员公司</a>
                    </div>
                    <div class="final_right">
                        <a href="#">+</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="wrap_bottom">
            <div class="left">
                <p>分享</p>
                <a href="#"><img src="img/QQ.png" alt=""/></a>
                <a href="#"><img src="img/微信.png" alt=""/></a>
                <a href="#"><img src="img/微博.png" alt=""/></a>
                <a href="#"><img src="img/更多.png" alt=""/></a>
                <br/><br/><br/>
            </div>
            <div class="main">
                <p class="p1">Copyright ©2016 <span><a href="#">山东时风(集团)有限责任公司</a></span> 版权所有</p>
                <p><span><a href="#">鲁ICP备05015400号-1  捷瑞数字</a></span> 制作维护</p>
            </div>
            <div class="right">
                <a href="#">网站地图</a>
                <a href="#">法律声明</a>
                <a href="#">联系我们</a>
                <a href="#">网上办公</a>
            </div>

        </div>
        <br/><br/><br/>
    </footer>
    <div class="daohang">
        <div class="top"><a href="#"></a></div>
        <div class="main"><a href="#"></a></div>
        <div class="bottom">
            <a href="#" class="a1"></a>
            <div class="cebian"><a href="#" class="celogo"></a></div><!--设置弹出的二维码-->
        </div>
        <div class="bottom2"><a href="#"></a></div>
    </div>

</body>
</html>